@charset "UTF-8";
$r:750/16/1rem;
body{
  height: 100%;
  /*background: rgba(245, 245, 249, 1);*/
}
.cour_tit{
  width: 100%;
  height: 88/$r;
  font-size: 28/$r;
  line-height: 88/$r;
  margin-bottom: 20/$r;
}
.cour_tit p{
  padding-left: 5%;
}
.buy_cont{
  width: 710/$r;
  margin: 0 auto;
}
.cour_img{
  width: 270/$r;
  height: 152/$r;
  overflow: hidden;
  float: left;
}
.cour_img img{
  width: 100%;
  display: block;
}
.cour_detail{
  width:370/$r;
  float: left;
  padding-left: 30/$r;
}
.tit{
  font-size: 36/$r;
  color: #5E5E5E;
  margin-bottom:15/$r;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.cour_p{
  font-size: 28/$r;
  color:#5E5E5E;
  line-height:50/$r;
}
.bor{
  width: 100%;
  height:1px;
  background:#ccc;
  margin: 20/$r 0;
  clear: both;
}

.price_detail{
  width: 100%;
  margin:25/$r auto;
  padding-bottom: 25/$r;
  border-bottom: 1px solid #ccc;
}
.price_detail p{
  font-size:28/$r;
  color:#5E5E5E;
}
.type_list{
  float: left;
}
.price_text{
  float: right;
}
.mt{
  margin-top: 40/$r;
}
.buy_but{
  width:750/$r;
  height: 88/$r;
  border-top: 1px solid #fafafa;
  background-color: #FFFFFF;
  position:fixed;
  bottom: 0;
}
.many_cont{

}

.period_time{
  font-size:24/$r;
  margin:15/$r 0 0 0;
}
.y_r{
  margin-left:30/$r;
}
.out_pocket{
  font-weight: bolder;
  font-size:40/$r!important;
}
.period_t{
  width:38/$r;
  margin-right:15/$r;
}
/****支付方式样式***/
.pay_type{
  margin-top:40/$r;
}
.pay_type_list{
  width: 710/$r;
  margin:20/$r auto 0 auto;
}
.pay_type_img{
  position: relative;
}
.fl{
  float: left;
}
.fr{
  margin-right:50/$r;
}
.pay_icon{
  width:260/$r;
  height: 100/$r;
}
.pay_act{
  width:260/$r;
  height: 100/$r;
  background-image: url("../images/zfk.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.pay_icon img{
  width:160/$r;
  padding-top: 20/$r;
  margin:0 auto;
  height: auto;
  display: block;
}
.wxpay img{
  width:210/$r;
  height: auto;
  display: block;
}
.type_tit{
  font-size: 26/$r;
  color: #333333;
}
.type_tit img{
  width:36/$r;
  display: inline-block;
  vertical-align: middle;
}
.type_tit span{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10/$r;
}
.dis_icon{
  margin-right: 12/$r;
}
.hint_pos{
  position: absolute;
  top: -100/$r;
}
.pri_r{
  margin-top:3/$r;
}


